.hotproduct{
  h3{
    margin: 30px auto;
    font-size: 0.3rem;
    font-weight: normal;
    text-align: center;
  }
  .hot-container{
    padding: 0.36rem 0.25rem;
    margin: 0 3%;
    border-radius: 0.08rem;
    box-shadow: 0 0 0.1rem rgba(0,0,0,0.1);
    ul{
      overflow: hidden;
      height: auto;
      li{
        width: 25%;
        overflow: hidden;
        padding: 0 0.15rem;
        float: left;
        a{
          img{
            width: 100%;
          }
          span{
            display: block;
            text-align: center;
            font-size: .24rem;
            color: rgba(0,0,0,0.8);
            margin: 0.2rem 0 0;
          }
        }
      }
    }
  }
}
